<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>美站库 炫美网站大全</title>
<link rel="stylesheet" type="text/css" href="images/public.css" />
<link rel="stylesheet" type="text/css" href="images/submit.css" />
</head>
  <body>
  <div id="header">
  		 <div id="top" class="auto">
         <div class="logo">
            <h1>
                <img src="images/logo.png"/>
                <span>炫美网站大全</span>
            </h1>
         </div>
         <div class="search">
            <form>
                <input type="text" class="text"/>
                <input type="submit" class="submit" value="搜索"/>
            </form>
         </div>
    	 </div>
       
       <div id="nav" class="auto">
            <ul>
               <li><a href="butifulDemo.html">首页</a></li>
               <li><a href="#">提交站点</a></li>
            </ul>	
       </div>
       
       <div id="runplay" class="auto">
       	<div class="left">
         	<a href="#"><img src="images/img1.jpg" /></a>
         </div>
         <div class="right">
         	<dl>
            	<dt>炫美网站，尽在美站库</dt>
               <dd class="txt">本网站收集互联网各种炫美网站......</dd>
               <dd class="btn">
               	<a href="#" class="btnStyle">查看更多</a>
               </dd>
            </dl>
         </div>
       </div>
       
  </div>
  <div id="main">
    <div id="main1">
       <div id="wrap">
       		<div id="leftBody">
            	<p class="submitFormTitle">如果您感觉您的网站够炫美可以提交给我们</p>
               <form action="#" name="form1">
              	   <label for="nameLabel">您的姓名:</label>
               	<input id="nameLabel" type="text" name="name" size="35px" />
                  <label for="contactLabel">您的联系方式:</label>
               	<input id="contactLabel" type="text" name="contact" size="35px" />
                  <label for="urlLabel">站点网址:</label>
               	<input id="urlLabel" type="text" name="url" size="35px" />
                  <label for="descLabel">站点介绍:</label>
               	<textarea id="descLabel" name="desc" cols="50" rows="8">
                  
                  </textarea>
                  <!-- 考虑下此处加div的作用 -->
                  <div id="formSubmitDiv">
                     <input class="formSubmitBtns btnStyle" input="submit" value="提交" />
                     <input class="formSubmitBtns reset btnStyle" type="reset" value="重置" />
                  </div>
               </form>
            </div>
            
            <div id="rightBody">
            	<div id="rightDiv1">
               	<h2>酷文</h2>
                  <ul>
                  	<li>
                     	<h3><a href="#" target="_blank">随便写点什么</a></h3>
                        <p>新窗口打开时弹出确认框，是否打开</p>
                        <p>通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/</p>
                     </li>
                     <li>
                     	<h3><a href="#" target="_blank">随便写点什么</a></h3>
                        <p>打开的窗口要否打开</p>
                        <p>要求，宽400像素，高500像素，无菜单栏、无工具栏。</p>
                     </li>
                     <li>
                     	<h3><a href="#" target="_blank">随便写点什么</a></h3>
                        <p>编程练习</p>
                        <p>制作新按钮，“新窗口打开网站” ，点击打开新窗口。</p>
                     </li>
                  </ul>
               </div>
               <div id="rightDiv2">
               	<dl id="dl1">
                  	<dt><a href="#">随便写点</a></dt>
                     <dd>制作新按钮，“新窗口打开网站”</dd>
                  </dl>
                  
                  <dl id="dl2">
                  	<dt><a href="#">随便写点</a></dt>
                     <dd>通过输入对话框，确定打开网址</dd>
                  </dl>
               </div>
            </div>
       </div>
    </div>
  </div>
  <!-- 底部文本内容居中的技巧 -->
  <div id="footer">
  		<p class="footerTopLine">
      	<a href="#" target="_blank">首页</a>
         <a href="#" target="_blank">美站</a>
         <a href="#" target="_blank">酷文</a>
         <a class="last" href="#" target="_blank">联系我们</a>
      </p>
      <p>
      	<a href="http://www.sifangku.com" target="_blank">Copyright (c) 2014|私房库</a>
      </p>
  </div>
  </body>
</html>